<style type="text/css">
    .nav.nav-tabs>li>a,.profile-tabs{background-color: transparent;}
    .profile-tabs{border:1px solid #F5F5F5!important;}
    .nav.nav-tabs>li.active a{color: #f55559}
    .panel-default{border:none!important;box-shadow:none!important;}
    .tab-content{box-shadow:none!important;}

    
    div.tagsinput{padding: 0px!important;}
    div.tagsinput span.tag{padding: 4px 8px;}
    div.tagsinput span.tag a{font-size: 13px;}
    /*div.tagsinput{padding: 10px!important;}*/
    #tags_tagsinput{height: 140px!important;border:none;}
    .search_input{height: 50px!important;}
    .search_input input{height: 50px!important;background: #fff;}
    .search_input button{height: 50px!important;margin-top: 0px;}
    .form-controltextarea{background: #fff;}

    .Label_btnspan{height: 32px;line-height: 32px;padding: 0px 15px;}
    #tags_addTag{display: none;}
    /*标签*/
    div.tagsinput {
        border: 1px solid #ccc;
        background: #FFF;
        padding: 5px;
        width: 300px;
        height: 100px;
        overflow-y: auto;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    div.tagsinput {
        padding: 0px!important;
    }
    div.tagsinput {
        border: 1px solid #eee;
    }
    div.tagsinput span.tag {
        display: block;
        float: left;
        padding: 2px 5px;
        text-decoration: none;
        background: #6e8cd7;
        color: #fff;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 13px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding-right: 0px;
    }
    div.tagsinput span.tag i {
        font-style: normal;
        font-weight: bold;
        color: #fff;
        opacity: 0.5;
        text-decoration: none;
        font-size: 11px;
        cursor: pointer;
        padding: 5px;
    }
</style>
<?php
    // var_dump($ret);
?>
<!-- <div class="page-title"> 
    <h3 class="title">当前位置：<a href="/userinfo/index">消息推送</a></h3> 
</div> -->
<div class="page-title q-tit-change" style="margin:10px"> 
    <a href="/news/index">消息推送</a>
</div>
 <div class="wraper container-fluid" style="background: #fff;margin:10px;border:1px solid rgba(0,0,0,0.08);padding-top: 0px;padding-left: 0px;padding-right: 0px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default p-0" style="margin:10px 30px;">
                <div class="panel-body p-0"> 
                    <div>
                        <div class="search_litile_tit"><span class="tit_diswidth"></span>编辑短信内容</div>
                        <div>
                            <div ><textarea class="form-control form-controltextarea" rows="10" placeholder="请填写短息内容"></textarea></div>
                            <div class="newsmodel_text">
                                <div class="col-md-6">短信数字在140以内效果最佳</div>
                                <div class="col-md-6 select2">
                                   <select class="chose_newsmodel">
                                     <option value="">选择消息模板</option>
                                       <?php
                                        foreach ($ret as $k => $v) {
                                            echo '<option value="'.$v['Content'].'">'.$v['Title'].'</option>';
                                        }
                                       ?>
                                   </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="all">
                        <div class="search_litile_tit"><span class="tit_diswidth"></span>选择推送客户</div>
                        <!-- <div class="newsmodel_tit" >选择推送客户</div> -->
                        <div class="newsmodel_choseall">
                            <div class="col-md-6">
                                <div class="tit">根据全部客户推送</div>
                                <div>（将该短信推送给系统里的所有客户发送）</div>
                            </div>
                            <!-- <div class="col-md-6 select2">
                                <button type="button" class="btn btn-info" SendType="100" >发送</button>
                            </div> -->
                            <div class="col-md-6 select2" >
                                <span>已为您筛选 <i class="chose_count">0</i> 位客户</span><button type="button" class="btn btn-info m-l-10" SendType="100" >发送</button>
                            </div>
                        </div>
                    </div>
                    <div class="m-t-20 news_choseallsign" >
                        <div class="newsmodel_choseall">
                            <div class="row" style="margin:0px;">
                                <div class="col-md-6">
                                    <div class="tit">根据标签推送</div>
                                    <div>（将该短信推送给相应标签用户）</div>
                                </div>
                            </div>
                            <div class="row" style="margin:0px;padding-bottom: 10px;margin-top: 20px;">
                                <div class="newsmodel_choseallsign">
                                    <div class="newsmodel_signeach">
                                        <div class="Label_btn" data-type="100">
                                            <!-- <span class="Label_btnspan" data-id="1">已联系</span> -->
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="newsmodel_choseabtn">
                                <div class="col-md-6">
                                    <div>*选择标签发送可以帮助您精准营销</div>
                                </div>
                                <div class="col-md-6 select2">
                                    <span>已为您筛选 <i class="chose_count">0</i> 位客户</span><button type="button" class="btn btn-info m-l-10" SendType="300" style="margin-right: -10px!important;">发送</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div  class="m-t-20 phone_chose">
                        <div class="newsmodel_choseall">
                            <div class="row" style="margin:0px;">
                                <div class="col-md-6">
                                    <div class="tit">根据手机号推送信息</div>
                                    <div>（将该短信推送给选择的手机号）</div>
                                </div>
                            </div>
                            <div class="row" style="margin:0px;background: #fff;padding-bottom: 0px;margin-bottom: 20px;margin-top: 20px;">
                                <div class="promote-chosetypecont" style="border-bottom: 0px;padding-bottom: 0px">
                                    <div class="promote-scendcont">
                                        <div class="form-group overflow" style="margin-bottom: 0px;">
                                            <div class="col-md-11" style="padding: 0px;margin:20px;margin-bottom: 0px;">
                                                <div class="form-group" style="margin-bottom: 0px;">
                                                    <div id="tags_tagsinput" class="tagsinput" style="width: auto; height: 100px;">
                                                        <!-- <span class="tag"><span>182170935207</span><i>x</i></span> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                            <div>
                                <div class="input-group col-md-5 search_input">
                                    <input type="text" id="example-input1-group2" name="" class="form-control" placeholder="添加号码">
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-effect-ripple btn-primary">添加</button>
                                    </span>
                                </div>
                            </div>
                            <div class="newsmodel_choseabtn">
                                <div class="col-md-12 select2" >
                                    <span>已为您筛选 <i class="chose_count">0</i> 位客户</span><button type="button" class="btn btn-info m-l-10" SendType="200" style="margin-right: -10px!important;">发送</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="m-t-20 group_list">
                        <div class="newsmodel_choseall">
                            <div class="row" style="margin:0px;">
                                <div class="col-md-6">
                                    <div class="tit">根据分组推送信息</div>
                                    <div>（将该短信推送给相应分组客户）</div>
                                </div>
                            </div>
                            <div class="row" style="margin:0px;padding-bottom: 10px;margin-top: 20px;">
                                <div class="newsmodel_choseallsign">
                                    <div class="newsmodel_signeach">
                                        <!-- <ul>
                                            <li>粉丝</li>
                                            <li>用户</li>
                                            <li>会员</li>
                                        </ul> -->
                                        <div class="Label_btn" data-type="100">
                                            <span class="Label_btnspan" data-id="1">已联系</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="newsmodel_choseabtn">
                                    <div class="col-md-12 select2">
                                          <span>已为您筛选 <i class="chose_count">0</i> 位客户</span><button type="button" class="btn btn-info m-l-10" SendType="400" style="margin-right: -10px!important;">发送</button>
                                        <!-- <button type="button" class="btn btn-info m-l-10" SendType="400">发送</button> -->
                                    </div>
                                </div>
                            </div>
                            
                         <!--    <div class="col-md-6 select2">
                                <button type="button" class="btn btn-info">发送</button>
                            </div> -->
                        </div>
                    </div>



                </div>
            </div> 
        </div>
    </div>
</div>
<!-- <link href="/modules/assets/tagsinput/jquery.tagsinput.css" rel="stylesheet" /> -->
<!-- <script src="/modules/assets/tagsinput/jquery.tagsinput.min.js"></script> -->
<script type="text/javascript">
   // jQuery('#tags').tagsInput({
   //      width:'auto',
   //  });
   seajs.use('news/index');
</script>